import React from 'react';
import ReactDOM from 'react-dom';
import { withRouter, Link, Switch, Route, HashRouter as Router,Redirect } from 'react-router-dom'
import { Menu} from 'antd';
// import 'antd/dist/antd.css';
import '../../static/tero/tero.less';
import People from './people_nearby';
import Mmap from './map';
import 'antd/dist/antd.css';




const SubMenu = Menu.SubMenu;
const MenuItemGroup = Menu.ItemGroup;
class Tero extends React.Component {
    handleClick = (e) => {
    }

    render() {
        return (
            <Router>
                <div className='tero'>
               
                  <Menu
                        onClick={this.handleClick}
                        style={{ width: 256 }}
                        defaultSelectedKeys={['1']}
                        defaultOpenKeys={['']}
                        mode="inline">
                        <Menu.Item key="1" >不二</Menu.Item>
                        <Menu.Item key="2" ><Link to='/b'>地图</Link></Menu.Item>
                        {/* <SubMenu key="sub4" className='temo' title="附近的人">
                                <Menu.Item key="5"><Link to='aa'>不三 100米以内</Link></Menu.Item>
                                <Menu.Item key="3">不三 100米以内</Menu.Item>
                                <Menu.Item key="4">不三 100米以内</Menu.Item>
                             
                        </SubMenu> */}
                    </Menu>
               
                    <div className='right'>
                         {/* <Redirect path="/" to={{pathname: '/aa'}} /> */}
                        <Route path='/aa' component={People}> </Route>
                        <Route path='/b' component={Mmap}> </Route>
                    </div>
                </div>
            </Router>
        );
    }
}

export default Tero

